<template>
	<div>
		文字<Textarea v-model="value" placeholder="请输入" :rows="rows" style="margin:20px;width:150px"/>
		<Textarea v-model="value" placeholder="请输入" :rows="rows" height="100" style="margin:20px;width:150px"/>
		<Textarea v-model="value" placeholder="请输入" :rows="rows" readonly style="margin:20px;width:150px"/>
		<Textarea value="" placeholder="自动聚焦" :rows="rows" auto-focus style="margin:20px;width:150px"/>
		<Textarea v-model="value" placeholder="请输入" :rows="rows" disable style="margin:20px;width:150px"/>
		<Textarea v-model="value" autosize placeholder="自适应高度" :rows="rows" style="margin:20px;width:150px"/>
		<Textarea v-model="value" autosize placeholder="自适应高度" height="100" :rows="rows" style="margin:20px;width:150px"/>
		<Textarea v-model="value" no-border placeholder="无边框" :rows="rows" style="margin:20px;width:150px"/>
		<Textarea v-model="value" no-border disable placeholder="无边框" :rows="rows" style="margin:20px;width:150px"/>
		<Textarea v-model="value2" placeholder="最大长度" :rows="rows" :maxlength="5" style="margin:20px;width:150px"/>
	</div>
</template>

<script>
import Textarea from '@/components/pc/textarea';

export default {
	name:'index',
	components:{
		Textarea,
	},
	data(){
		return {
			value:'',
			value2:'',
			rows:3,
		};
	},
	created(){
	},
	methods:{
	}
};
</script>

<style lang="scss">

</style>
